#start .gridly {
    width: 1080px;
    margin-top: 50px;
}

#start .brick, #load_surface .brick, #surface .brick {
    width: 150px;
    height: 150px;
}

#load_surface .gridly {
    width: 1080px;
    margin-top: 50px;
}

.gridly {
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.gridly, .gridly > :not(.dragging) {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.gridly .dragging {
    z-index: 800;
}

.gridly .brick {
    background-color: rgba(0,0,0,0.2);
}

.gridly .brick:hover {
    background-color: rgba(0,0,0,0.4) !important;
}

.gridly a {
    display: block;
    height: 100%;
}

.gridly .pointer {
    cursor: pointer;
}

.gridly .move {
    cursor: alias;
}

.gridly .brick.white, .gridly .brick.white:hover {
    background-color: #FFF !important;

}

.gridly .brick .loading, .gridly .brick .loading:hover {
    background-image: url('../img/icon/loadMedium.gif');
    background-repeat: no-repeat;
    background-position: 52px 52px;
    display: none;
    width: 100%;
    height: 100%;
}
